@import "./color"
circle-icon-1px($color,$length)
  height: $length
  width: $length
  border: 1px solid $color
  border-radius: 100%
  background-color: $color
  background-size: $length $length
  background-repeat: no-repeat

square-icon($color,$length)
  height: $length
  width: $length
  background-color: $color
  background-size: $length $length
  background-repeat: no-repeat

rectangle-icon($color,$width,$height)
  height: $height
  width: $width
  background-color: $color
  background-size: $width $height
  background-repeat: no-repeat

icon-image($url)
  background-image: url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url + "@3x.png")